<!doctype html>
<html>
<head>
	<title>百合网-爱情搜索</title>
	<meta charset='utf-8'/>
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/Search/index.css">
	<link rel="stylesheet" href="__PUBLIC__/Css/index.css" type="text/css" media="screen"/>
	<script src="__PUBLIC__/Home/Search/jquery-1.8.3.min.js"></script>
</head>
<body>
	<div class="search_top">
		<div class="search_left">
			<img src="__PUBLIC__/Home/Search/image/ss.png">
			<span>您现在搜索的是：</span>
			<!-- 遍历搜索数据 -->
			<span class="search_show">
				<?php 

				if($dataList1[1]['sex'] == 1){
					echo '男性，';
				}else{
					echo '女性，';
				}
				echo $ageheight['age'].'~'.$ageheight['age1'].'岁，';
				echo ' 中国'.$dataList1[1]['home'].',';

				echo $ageheight['height'].'~'.$ageheight['height1'].'cm';


				?>
					<!-- 女性，18~25岁，中国安徽省阜阳市，158~178cm，有照片 -->
			</span>	
		</div>
		<div id="search_right">
				<span id="down">↓ 更多搜索条件</span>
		</div>
	</div>

	<div id="toggle">
		
		<table width="100%" border="0" cellspacing="0" cellpadding="0">
			<form action="<{:U("Search/index")}>" method="post">

			<tbody>
				<tr>
					<th class="blue">年龄:</th>
					<td>
						<!-- 多少年龄 到多少 -->
						<select name="age" id="age" style="width:50px;">
							<option value="18">18</option>
							<option value="19">19</option>
							<option value="20">20</option>
							<option value="21">21</option>
							<option value="22">22</option>
							<option value="23">23</option>
							<option value="24">24</option>
							<option value="25">25</option>
							<option value="26">26</option>
							<option value="27">27</option>
							<option value="28">28</option>
							<option value="29">29</option>
							<option value="30">30</option>
							<option value="31">31</option>
							<option value="32">32</option>
							<option value="33">33</option>
							<option value="34">34</option>
							<option value="35">35</option>
							<option value="36">36</option>
							<option value="37">37</option>
							<option value="38">38</option>
							<option value="39">39</option>
							<option value="40">40</option>
							<option value="41">41</option>
							<option value="42">42</option>
							<option value="43">43</option>
							<option value="44">44</option>
							<option value="45">45</option>
							<option value="46">46</option>
							<option value="47">47</option>
							<option value="48">48</option>
							<option value="49">49</option>
							<option value="50">50</option>
							<option value="51">51</option>
							<option value="52">52</option>
							<option value="53">53</option>
							<option value="54">54</option>
							<option value="55">55</option>
							<option value="56">56</option>
							<option value="57">57</option>
							<option value="58">58</option>
							<option value="59">59</option>
						</select>
						<span>-</span>
						<select name="age1" id="age1" style="width:50px;">
							<option value="18">18</option>
							<option value="19">19</option>
							<option value="20">20</option>
							<option value="21">21</option>
							<option value="22">22</option>
							<option value="23">23</option>
							<option value="24">24</option>
							<option value="25" selected>25</option>
							<option value="26">26</option>
							<option value="27">27</option>
							<option value="28">28</option>
							<option value="29">29</option>
							<option value="30">30</option>
							<option value="31">31</option>
							<option value="32">32</option>
							<option value="33">33</option>
							<option value="34">34</option>
							<option value="35">35</option>
							<option value="36">36</option>
							<option value="37">37</option>
							<option value="38">38</option>
							<option value="39">39</option>
							<option value="40">40</option>
							<option value="41">41</option>
							<option value="42">42</option>
							<option value="43">43</option>
							<option value="44">44</option>
							<option value="45">45</option>
							<option value="46">46</option>
							<option value="47">47</option>
							<option value="48">48</option>
							<option value="49">49</option>
							<option value="50">50</option>
							<option value="51">51</option>
							<option value="52">52</option>
							<option value="53">53</option>
							<option value="54">54</option>
							<option value="55">55</option>
							<option value="56">56</option>
							<option value="57">57</option>
							<option value="58">58</option>
							<option value="59">59</option>
						</select>
					</td>

					<th class="blue">性别:</th>
					<td>
						<select name="sex" id="sex">
							<option value="1">男</option>
							<option value="0">女</option>
						</select>
					</td>
					<th class="blue">婚史:</th>
					<td>
						<select name="status" id="status">
							<option value="">不限</option>
							<option value="0">未婚</option>
							<option value="1">离异</option>
							<option value="2">丧偶</option>
						</select>
					</td>
					<th class="blue">有无子女:</th>
					<td>
						<select name="child" id="child" style="width:90px;">
							<option value="">不限</option>
							<option value="0">没有子女</option>
							<option value="1">有孩子</option>
						</select>
					</td>
					<th class="blue">家乡:</th>
					<td>

						  <select id='prov' name='home' style="width:80px;">
						  	<?php foreach($birthday_year as $val):?>
						  		<option value="<?php echo $val['name']?>"><?php echo $val['name']?></option>
						  	<?php endforeach;?>
						  </select>
					     <!--  <select id='city2' name='j_city'></select>
					      <select id='county2' name='j_county'></select> -->
					</td>
				</tr>
				<!--  空格 -->
				<tr><th>&nbsp;</th><td></td></tr>
				<tr>
					<th class="blue">身高:</th>
					<td>
						<!-- 身高多少 到多少 -->
						<select style="width:50px;" name="height" id="height">
							<option value="145">145</option>
							<option value="146">146</option>
							<option value="147">147</option>
							<option value="148">148</option>
							<option value="149">149</option>
							<option value="150">150</option>
							<option value="151">151</option>
							<option value="152">152</option>
							<option value="153">153</option>
							<option value="154">154</option>
							<option value="155">155</option>
							<option value="156">156</option>
							<option value="157">157</option>
							<option value="158">158</option>
							<option value="159">159</option>
							<option value="160">160</option>
							<option value="161">161</option>
							<option value="162">162</option>
							<option value="163">163</option>
							<option value="164">164</option>
							<option value="165">165</option>
							<option value="166">166</option>
							<option value="167">167</option>
							<option value="168">168</option>
							<option value="169">169</option>
							<option value="170">170</option>
							<option value="171">171</option>
							<option value="172">172</option>
							<option value="173">173</option>
							<option value="174">174</option>
							<option value="175">175</option>
							<option value="176">176</option>
							<option value="177">177</option>
							<option value="178">178</option>
							<option value="179">179</option>
							<option value="180">180</option>
							<option value="181">181</option>
							<option value="182">182</option>
							<option value="183">183</option>
							<option value="184">184</option>
							<option value="185">185</option>
							<option value="186">186</option>
							<option value="187">187</option>
							<option value="188">188</option>
							<option value="189">189</option>
							<option value="190">190</option>
							<option value="191">191</option>
							<option value="192">192</option>
							<option value="193">193</option>
							<option value="194">194</option>
							<option value="195">195</option>
							<option value="196">196</option>
							<option value="197">197</option>
							<option value="198">198</option>
							<option value="199">199</option>
							<option value="200">200</option>
						</select>
						<span>-</span>
						<select style="width:50px;" name="height1" id="height1">
							<option value="145">145</option>
							<option value="146">146</option>
							<option value="147">147</option>
							<option value="148">148</option>
							<option value="149">149</option>
							<option value="150">150</option>
							<option value="151">151</option>
							<option value="152">152</option>
							<option value="153">153</option>
							<option value="154">154</option>
							<option value="155">155</option>
							<option value="156">156</option>
							<option value="157">157</option>
							<option value="158">158</option>
							<option value="159">159</option>
							<option value="160">160</option>
							<option value="161">161</option>
							<option value="162">162</option>
							<option value="163">163</option>
							<option value="164">164</option>
							<option value="165">165</option>
							<option value="166">166</option>
							<option value="167">167</option>
							<option value="168">168</option>
							<option value="169">169</option>
							<option value="170">170</option>
							<option value="171">171</option>
							<option value="172">172</option>
							<option value="173">173</option>
							<option value="174">174</option>
							<option value="175">175</option>
							<option value="176">176</option>
							<option value="177">177</option>
							<option value="178">178</option>
							<option value="179">179</option>
							<option value="180">180</option>
							<option value="181">181</option>
							<option value="182">182</option>
							<option value="183">183</option>
							<option value="184">184</option>
							<option value="185">185</option>
							<option value="186">186</option>
							<option value="187">187</option>
							<option value="188">188</option>
							<option value="189">189</option>
							<option value="190">190</option>
							<option value="191">191</option>
							<option value="192">192</option>
							<option value="193">193</option>
							<option value="194">194</option>
							<option value="195">195</option>
							<option value="196">196</option>
							<option value="197">197</option>
							<option value="198">198</option>
							<option value="199">199</option>
							<option value="200" selected>200</option>
						</select>
					</td>
					<th class="blue">学历:</th>
					<td>
						<select style="width:50px;" name="edu" id="edu">
							<option value="">不限</option>
							<option value="1">初中</option>
							<option value="2">中专/职高/技校</option>
							<option value="3">高中</option>
							<option value="4">大专</option>
							<option value="5">本科</option>
							<option value="6">硕士</option>
							<option value="7">博士</option>
							<option value="8">博士后</option>
						</select>
					</td>
					<th class="blue">住房:</th>
					<td>
						<select style="width:80px;" name="house" id="house">
							<option value="">不限</option>
							<option value="0">以后告诉你</option>
							<option value="1">没有房子</option>
							<option value="2">已购房(无贷款)</option>
							<option value="3">已购房(有贷款)</option>
						</select>
					</td>
					<th class="blue">月收入:</th>
					<td>
						<select style="width:90px;" name="money" id="money">
							<option value="">不限</option>
							<option value="1"> 2000以下 </option>
							<option value="2">2000~4000</option>
							<option value="3">4000~6000</option>
							<option value="4">6000~8000</option>
							<option value="5">8000~10000</option>
							<option value="6">10000以上</option>
						</select>
					</td>
					<th class="blue">职务:</th>
					<td>
						<select style="width:80px;" name="business" id="business">
							<option value="">不限</option>
							<option value="0">下岗</option>
							<option value="1">国企</option>
							<option value="2">民企</option>
							<option value="3">个体商户</option>
							<option value="4">其他</option>
						</select>
					</td>
					<!-- <th class="blue">血型:</th>
					<td>
						<select style="width:60px;" name="blood" id="blood">
							<option value="">不限</option>
							<option value="0">A型</option>
							<option value="1">B型</option>
							<option value="2">AB型</option>
							<option value="3">O型</option>
							<option value="4">其他</option>
						</select>
					</td> -->
					<!-- <th class="blue">民族:</th>
					<td>
						<select style="width:80px;" name="nation" id="nation">
							<option value="">不限</option>
							<option value="0">汉族</option>
							<option value="1">其他民族</option>
						</select>
					</td>	 -->
					<!-- <th class="blue">恋爱类型:</th>
					<td>
						<select style="width:90px;" name="love" id="love">
							<option value="">不限</option>
							<option value="0">成熟</option>
							<option value="1">可爱</option>
							<option value="2">帅哥</option>
							<option value="3">美女</option>
							<option value="4">其他</option>
						</select>
					</td> -->
					<!-- <th class="blue">地区:</th>
					<td>
					  <select id='prov1' name='s_province'></select>
				      <select id='city1' name='s_city'></select>
				      <select id='county1' name='s_county'></select>
					</td>	 -->
				</tr>

				<!--  空格 -->
				<tr><th>&nbsp;</th><td></td></tr>
			<!-- 	<tr>
					 -->
					<!-- <th class="blue">生肖:</th>
					<td>
						<select style="width:60px;" name="twelve" id="twelve">
							<option value="0">不限</option>
							<option value="1">鼠</option>
							<option value="2">牛</option>
							<option value="3">虎</option>
							<option value="4">兔</option>
							<option value="5">龙</option>
							<option value="6">蛇</option>
							<option value="7">马</option>
							<option value="8">羊</option>
							<option value="9">猴</option>
							<option value="10">鸡</option>
							<option value="11">狗</option>
							<option value="12">猪</option>
						</select>
					</td> -->
					
					<!-- <th class="blue">宗教信仰:</th>
					<td>
						<select style="width:90px;" name="religion" id="religion">
							<option value="">不限</option>
							<option value="0">无神论</option>
							<option value="1">佛教</option>
							<option value="2">基督教</option>
							<option value="3">伊斯兰教</option>
							<option value="4">其他</option>
						</select>
					</td> -->
					<!-- <th class="blue">是否吸烟:</th>
					<td>
						<select style="width:90px;" name="is_smoke" id="is_smoke">
							<option value="">不限</option>
							<option value="0">不抽烟</option>
							<option value="1">偶尔抽烟</option>
							<option value="2">经常抽烟</option>
						</select>
					</td> -->
				<!-- </tr>
 -->

				<!--  空格 -->
				<!-- <tr><th>&nbsp;</th><td></td></tr>
				<tr>
					
					<th class="blue">星座:</th>
					<td>
						<select style="width:60px;" name="cta" id="cta">
							<option value="0">不限</option>
							<option value="1">白羊座</option>
							<option value="2">金牛座</option>
							<option value="3">双子座</option>
							<option value="4">巨蟹座</option>
							<option value="5">狮子座</option>
							<option value="6">处女座</option>
							<option value="7">天秤座</option>
							<option value="8">天蝎座</option>
							<option value="9">射手座</option>
							<option value="10">魔蝎座</option>
							<option value="11">水瓶座</option>
							<option value="12">双鱼座</option>
						</select>
					</td>
					
				<th class="blue">通过认证:</th>
					<td>
						<select style="width:90px;" name="attestation" id="attestation">
							<option value="0">不限</option>
							<option value="1">只搜索通过认证的会员</option>
						</select>
					</td> -->
					<!-- <th class="blue">是否喝酒:</th>
					<td>
						<select style="width:90px;" name="is_drink" id="is_drink">
							<option value="0">不限</option>
							<option value="1">不喝酒</option>
							<option value="2">偶尔喝酒</option>
							<option value="3">经常喝酒</option>
						</select>
					</td> -->
				<!-- </tr>  -->


				<!--  空格 -->
				<tr><th>&nbsp;</th><td></td></tr>
			</tbody>
				<tr>
					<th></th>
					<td></td>
					<th></th>
					<td></td>
					<th></th>
					<td>
						<button class="ss">搜索</button>
						<span><big class="stop">↑ 收起</big></span>	
					</td>
					<th></th>
					<td></td>
					<th></th>
					<td></td>
					<th></th>
					<td></td>
					
				</tr>	
			</form>
		</table>
	</div>

	<div class="reorder">
		<ul>
			<li>排序方式:</li>
			<li>
				<select name="" id="" style="width:120px">
					<option value="0">默认排序</option>
					<option value="1">最新支持</option>
					<option value="2">最近登陆</option>
					<option value="3">认证等级从到到低</option>
					<option value="4">学历从到到低</option>
					<option value="5">年龄从低到高</option>
					<option value="6">收入从高到低</option>
					<option value="7">是否在线</option>
				</select>
			</li>
			<li>
				<span id="show_name">昵称搜索</span>
				<ul>
					<li>
						<form action="" method="post">
							<input type="text" name="name" placeholder="用户名查询"style="width:120px;">
							<input type="submit" value="搜索">
						</form>
					</li>
				</ul>
			</li>
				
			<li>
				<span id="show_id">按ID搜索</span>
				<ul>
					<li>
						<form action="" method="post">
							<input type="text" name="" placeholder="ID查询"style="width:120px;">
							<input type="submit" value="查询">
						</form>
					</li>
				</ul>
			</li>
			<li><a href="">谁在搜我</a></li>
			<li><a href="" style="color:#ff6600">红娘牵线</a></li>
			<li><a href="" style="color:#ff6600">红娘一对一服务</a></li>
		</ul>
	</div>



		<!--   遍历数据   -->
	 		<div class="w" id="dynamic">
	 		   <volist name="dataList1" id="vo">
					<div class="Meinv1 fl">
	 		 		<a href="<{:U('index/UserDetails')}>">
	 		 			<img src="<{$vo.pname}>" alt="">
	 		 			<div ><{$vo.uname}>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<{$vo.edu}>&nbsp;&nbsp;<{$vo.sex}></div>
	 		 		</a>
	 		 	</div>
 				 </volist>
	 		 	<div class="clear"></div>
	 		 </div>
</body>
<script>

	$(function(){

		$("#down").click(function(){
			//$('#search_right').css('background','#E6E6E6').css('color','#000');
			$('#toggle').slideToggle();
		})

		$(".stop").click(function(){
			$('#toggle').slideUp();
		})

		// 搜索姓名
		$("#show_name").click(function(){
			$("#show_name + ul").fadeToggle();
		})

		// 搜索ID
		$("#show_id").click(function(){
			$("#show_id + ul").fadeToggle();
		})

	})
</script>
<script>
// $(document).ready(function(){
// 	loadData($("#prov1"));
// 	loadData($("#prov2"));

// 	//绑定事件
// 	$("#prov1,#city1,#prov2,#city2").change(function(){
// 		var id=$(this).val();
// 		loadData($(this).next('select'),id);

		
// 	})

// 	//ajax 加载数据的方法
// 	function loadData(s,id){

// 		if(id === undefined){
// 			id = 0;
// 		}

// 		$.ajax({
// 		url:"<{:U('Home/Search/deal')}>",
// 		type:'get',
// 		data:{id:id},
// 		dataType:'json',
// 		success:function(dis){
// 			console.log(dis);
// 			s.empty().hide();
// 			//清空下一个select并隐藏
// 			if(dis.length > 0){
// 				s.show();
// 				$.each(dis,function(index,value){
// 				$('<option>').html(value.name).val(value.id).appendTo(s);
// 			})
// 				s.trigger('change');
			

// 			}

// 		}
// 		})	
// 	}

	
// })
</script>
</html>